<template>
  <div class="index-count" v-if='indexCount'>
    <m-flexbox :gutter="0" class="border-bottom">
      <m-flexbox-item  >
        <report-item title='本月新增' :num='indexCount.newAddCount'/>
      </m-flexbox-item>
      <m-flexbox-item >
        <report-item title='本月成交' :num='indexCount.dealCount'/>
      </m-flexbox-item>
      <m-flexbox-item >
        <report-item title='客户总数' :num='indexCount.totalCount' />
      </m-flexbox-item>
    </m-flexbox>
    <m-flexbox  :gutter="0">
      <m-flexbox-item :span="1/3" >
        <report-item title='本月跟进' :num='indexCount.followCount' />
      </m-flexbox-item>
      <m-flexbox-item :span="1/3" >
        <report-item title='本月试客' :num='indexCount.trialCount' />
      </m-flexbox-item>
    </m-flexbox>
  </div>
</template>

<script>
import ReportItem from './ReportItem'

export default {
  components: {
    ReportItem
  },
  props: {
    indexCount: {
      // type: Object
    }
  }
}
</script>

<style lang="scss" scoped>
.index-count{
  .border-bottom{
    border-bottom: 0.01rem solid $color-divider;
  }
  .vux-flexbox .vux-flexbox-item:nth-of-type(3n){
    dl{
      border: none;
    }
  }
}
</style>
